<template>
 <div class="flex-sty">
   <!--1-->
 <wv-flex :gutter="10" class="wv-flex-border-bottom">
  <wv-flex-item>
    <div class="placeholder">标准配送费</div>
  </wv-flex-item>
  <wv-flex-item flex="2">
    <div class="placeholder wv-flex-border-bottom wv-flex-border-feft">0~3公里：¥11</div>
    <div class="placeholder wv-flex-border-feft">3-200公里：¥：2/公里</div>
  </wv-flex-item>
</wv-flex>
<!--2-->
<wv-flex :gutter="10" class="wv-flex-border-bottom">
  <wv-flex-item>
    <div class="placeholder">物品重量</div>
  </wv-flex-item>
  <wv-flex-item flex="2">
    <div class="placeholder wv-flex-border-bottom wv-flex-border-feft">0~5公斤：￥0/公斤</div>
    <div class="placeholder wv-flex-border-feft">5~100公斤：￥2/公斤</div>
  </wv-flex-item>
</wv-flex>
<!--3-->
<wv-flex :gutter="10" class="wv-flex-border-bottom">
  <wv-flex-item>
    <div class="placeholder">物品价值</div>
  </wv-flex-item>
  <wv-flex-item flex="2">
    <div class="placeholder wv-flex-border-bottom wv-flex-border-feft">0~500元：加收物品价值的0%</div>
    <div class="placeholder wv-flex-border-feft">500~5000元：加收物品价值的0.1%</div>
  </wv-flex-item>
</wv-flex>
<!--4-->
<wv-flex :gutter="10" class="wv-flex-border-bottom">
  <wv-flex-item>
    <div class="placeholder">交通工具</div>
  </wv-flex-item>
  <wv-flex-item flex="2">
    <div class="placeholder wv-flex-border-bottom wv-flex-border-feft">电瓶车：加收标准配送费的0%</div>
    <div class="placeholder wv-flex-border-feft">驾车：加收标准配送费的50%</div>
  </wv-flex-item>
</wv-flex>
<!--5-->
<wv-flex :gutter="10" class="wv-flex-border-bottom">
  <wv-flex-item>
    <div class="placeholder">夜间件</div>
  </wv-flex-item>
  <wv-flex-item flex="2">
    <div class="placeholder wv-flex-border-bottom wv-flex-border-feft">00:00~08:00：加收标准配送费的30%</div>
    <div class="placeholder wv-flex-border-feft">22:00:00~23:59:19：加收标准配送费的30%</div>
  </wv-flex-item>
</wv-flex>
 </div>

</template>

<script>
import { Flex, FlexItem } from 'we-vue'
export default {
  name: 'Payvue',
  components: {
    Flex,
    FlexItem
  }
}
</script>

<style lang="stylus" scoped>
.flex-sty
  text-align :center
  line-height :1.28rem
  .wv-flex-border-feft
    border-left:1px solid #ccc
  .wv-flex-border-bottom
    border-bottom:1px solid #ccc
</style>
